<!DOCTYPE html>
<html lang="en">

<head>
    <#include "/pages/front_include/head.html"/>
</head>
<!--/head-->

<body>
    <!--loading-->
    <div class="preloader"> <i class="fa fa-circle-o-notch fa-spin"></i></div>
    <!--/loading-->
    <header id="home">
        <!-- nav -->
        <#include "/pages/front_include/main_nav.html"/>
        <!-- /nav -->
        <!-- banner -->
        <div id="home-slider" class="carousel slide carousel-fade" data-ride="carousel">
            <div class="carousel-inner">
                <div class="item active" style="background-image: url(pages/front/Assets/images/slider/01.jpg)">
                    <div class="caption">
                        <h1 class="animated fadeInLeftBig"><span>20年</span> 我只做一件事</h1>
                        <!-- <p class="animated fadeInRightBig">20年我只做一件事x</p> -->
                        <a data-scroll class="btn btn-start animated fadeInUpBig" href="#services">了解 shengjinyipu</a>
                    </div>
                </div>
                <div class="item" style="background-image: url(pages/front/Assets/images/slider/02.jpg)">
                    <div class="caption">
                        <h1 class="animated fadeInLeftBig"><span>20年</span> 我只做一件事</h1>
                        <a data-scroll class="btn btn-start animated fadeInUpBig" href="#services">了解 shengjinyipu</a>
                    </div>
                </div>
                <div class="item" style="background-image: url(pages/front/Assets/images/slider/03.jpg)">
                    <div class="caption">
                        <h1 class="animated fadeInLeftBig"><span>20年</span> 我只做一件事</h1>
                        <a data-scroll class="btn btn-start animated fadeInUpBig" href="#services">了解 shengjinyipu</a>
                    </div>
                </div>
            </div>
            <a class="left-control" href="#home-slider" data-slide="prev"><i class="fa fa-angle-left"></i></a>
            <a class="right-control" href="#home-slider" data-slide="next"><i class="fa fa-angle-right"></i></a>
            <a id="tohash" href="#services"><i class="fa fa-angle-down"></i></a>
        </div>
        <!-- /banner -->
    </header>
    <!--/#home-->
    <!-- services -->
    <section id="services">
        <div class="container">
            <div class="heading wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="300ms">
                <div class="row">
                    <div class="text-center col-sm-8 col-sm-offset-2 big-title">
                        <h2>新闻动态</h2>
                        <p>news</p>
                    </div>
                </div>
            </div>
            <div class="text-center our-services">
                <div class="row">
                    <#if (news?size>0)>
                        <#list news as new>
                        <div class="col-sm-4 wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="300ms">
                            <div class="services-pic">
                                <img src="img?fileName=${new.filePath!}">
                            </div>
                            <h3>${new.name!}</h3>
                        </div>
                        </#list>
                        <#else>
                        <div class="col-sm-4 wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="300ms">
                            <div class="services-pic">
                                <img src="pages/front/Assets/images/temp/01.jpg">
                            </div>
                            <h3>科技兴国，技术兴店</h3>
                        </div>
                        <div class="col-sm-4 wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="450ms">
                            <div class="services-pic">
                                <img src="pages/front/Assets/images/temp/01.jpg">
                            </div>
                            <h3>科技兴国，技术兴店</h3>
                        </div>
                        <div class="col-sm-4 wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="550ms">
                            <div class="services-pic">
                                <img src="pages/front/Assets/images/temp/01.jpg">
                            </div>
                            <h3>科技兴国，技术兴店</h3>
                        </div>
                    </#if>
                </div>
            </div>
        </div>
    </section>
    <!--/#services-->
    <section id="services">
        <div class="container">
            <div class="heading wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="300ms">
                <div class="row">
                    <div class="text-center col-sm-8 col-sm-offset-2 big-title">
                        <h2>服务项目</h2>
                        <p>Service project</p>
                    </div>
                </div>
            </div>
            <div class="text-center our-services">
                <div class="row">
                    <div class="col-sm-3 wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="300ms">
                        <div class="service-icon">
                            <a href="javascript:void(0);" class="service-icon-1"><img src="pages/front/Assets/images/pic.png"></a>
                        </div>
                        <h3>衣物洗护</h3>
                    </div>
                    <div class="col-sm-3 wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="300ms">
                        <div class="service-icon">
                            <a href="javascript:void(0);" class="service-icon-2"><img src="pages/front/Assets/images/pic.png"></a>
                        </div>
                        <h3>衣物救治</h3>
                    </div>
                    <div class="col-sm-3 wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="300ms">
                        <div class="service-icon">
                            <a href="javascript:void(0);" class="service-icon-3"><img src="pages/front/Assets/images/pic.png"></a>
                        </div>
                        <h3>改色重塑</h3>
                    </div>
                    <div class="col-sm-3 wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="300ms">
                        <div class="service-icon">
                            <a href="javascript:void(0);" class="service-icon-4"><img src="pages/front/Assets/images/pic.png"></a>
                        </div>
                        <h3>成衣定性</h3>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--/#services-->
    <section id="about-us">
        <div class="container about-us-box">
            <div class="heading wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="300ms">
                <div class="row">
                    <div class="text-center col-sm-8 col-sm-offset-2 big-title">
                        <h2>关于我们</h2>
                        <p>About us</p>
                    </div>
                </div>
            </div>
            <div class="row no-gutter">
                <div class="col-sm-6">
                    <div class="our-skills wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="300ms">
                        <#if aboutPicture??>
                            <img src="img?fileName=${aboutPicture.filePath!}" class="maximg">
                         <#else>
                             <img src="pages/front/Assets/images/temp/03.jpg" class="maximg">
                        </#if>
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="about-info wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="300ms">
                        <#if aboutArticle??>
                            <h2>${aboutArticle.title!}</h2>
                            <h3>${aboutArticle.subtitle!}</h3>
                            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; ${aboutArticle.summary!}</p>
                        <#else>
                            <h2>一站式高端奢护中心</h2>
                            <h3>衣物洗护，救治</h3>
                            <p>公司创始人陈升金20多年来就干了一件事，学习，研究各种衣物的疑难杂 症，从最初的低端到现在的最高端一一攻破，并取得多位中国洗染专家的 认可。在众多专家的推动下，2015年成立了北京升金衣仆洗涤技术有限公 司。目前专注于高端衣物染色，改色，洗涤，救治，技术培训和洗涤化料 的调配研究。为解决洗衣店，洗衣工厂，世界品牌服装厂，皮草皮貂生产 厂，提供一系列产品和尖端技术培训，是绿色环保水洗洗衣技术最强，化 料最好，规模最全的一站式技术服务公司，公司几年来，深受洗染行业人 士的称赞，被称作尖端衣物洗染救治医院。诚信是公司的生存之本，技术 是我们的灵魂，我们以最高超的技术，丰富的经验满足广大客户需求，携 手共进，共创美好明天。
                            </p>
                        </#if>
                        <p>
                             <a class="icon-more" href="about" target="_self">查看更多</a>
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--/#about-us-->
    <section id="services">
        <div class="container">
            <div class="heading wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="300ms">
                <div class="row">
                    <div class="text-center col-sm-8 col-sm-offset-2 big-title">
                        <h2>日化产品</h2>
                        <p>Cosmetic products</p>
                    </div>
                </div>
            </div>
            <div class="text-center our-services">
                <div class="row">
                    <div class="col-sm-4 wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="300ms">
                        <a class="service-pro">
              洗涤类
            </a>
                    </div>
                    <div class="col-sm-4 wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="300ms">
                        <a class="service-pro">
              燃料类
            </a>
                    </div>
                    <div class="col-sm-4 wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="300ms">
                        <a class="service-pro">
              救治类
            </a>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--/#services-->
    <section id="guanggao">
        <div class="container">
            <div class="row">
                <div class="wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="300ms">
                    <div class="h-picbox">
                        <div class="h-pic">
                            <img src="pages/front/Assets/images/temp/02.jpg" class="maximg">
                        </div>
                        <div class="pic-box"></div>
                        <a class="menu" href="cooperation" target="_self">我要加盟</a>
                    </div>
                </div>
                <br>
                <div class="wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="300ms">
                    <div class="h-picbox">
                        <div class="h-pic">
                            <img src="pages/front/Assets/images/temp/02.jpg" class="maximg">
                        </div>
                        <div class="pic-box"></div>
                        <a class="menu" href="training" target="_self">技术培训</a>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- footer_js.html -->
    <#include "/pages/front_include/footer_js.html"/>
</body>

</html>